<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/reglogin.css">
</head>
<body>
  <header>
    <div class="container">
      <img src="../images/HUAWEI.svg" alt="">
      <em></em>
      <h3>华为商城</h3>
    </div>
  </header>
  <main class="clearfix">
    <div class="left">
      <p class="reg_phone reg_current">手机号注册</p>
      <p class="reg_email">邮件地址注册</p>
    </div>
    <div class="reg-main">
      <div class="reg-detail">
        <div class="reg-title">
          <h2>华为账号注册</h2>
          <p>已有帐号，<a href="../pages/login.html">去登录<span></span></a></p>
        </div>
        <div class="reg-content">
          <div class="reg-contry">
            <div class="input-container">
              <span class="input-left">国家/地区</span>
              <span class="input-right">中国<i class="select-ico"></i></span>
            </div>
          </div>
          <div class="reg-error"></div>
        </div>
        <div class="reg-content">
          <div class="reg-telenumber">
            <div class="input-container">
              <span class="input-left number-prev">+86(中国)<i class="select-ico"></i></span><span
                class="input-pipe"></span><input type="text" name="userName" class="reg-input" placeholder="请输入手机号"
                id="userName">
            </div>
          </div>
          <div class="reg-error"><i class="error-tips"></i><span></span></div>
        </div>
        <div class="reg-content">
          <div class="reg-vercode">
            <div class="input-container">
              <input type="text" class="reg-input" placeholder="短信验证码">
              <span class="input-right">获取验证码</span>
            </div>
          </div>
          <div class="reg-error"><i class="error-tips"></i><span></span></div>
        </div>
        <div class="reg-content">
          <div class="reg-userPwd" id="reg-userPwd">
            <div class="input-container">
              <input type="password" name="userPwd" class="reg-input" placeholder="密码" id="userPwd">
            </div>
          </div>
          <div class="reg-error"><i class="error-tips"></i><span></span></div>
        </div>
        <div class="reg-content">
          <div class="reg-userPwd2" id="reg-userPwd2">
            <div class="input-container">
              <input type="password" name="userPwd-confirm" class="reg-input" placeholder="确认密码" id="userPwd2">
            </div>
          </div>
          <div class="reg-error"><i class="error-tips"></i><span>密码与确认密码不一致</span></div>
        </div>
        <div class="reg-content relative">
          <div class="reg-birthday">
            <div class="input-container">
              <span class="input-left">出生日期</span>
              <div class="input-right">
                <div class="input-year">
                  <span>2000年</span><i class="select-ico"></i>
                </div>
                <div class="input-month">
                  <span>12月</span><i class="select-ico"></i>
                </div>
                <div class="input-day">
                  <span>31日</span><i class="select-ico"></i>
                </div>
              </div>
            </div>
          </div>
          <div class="reg-error"></div>
          <i class="icon-about">
            <div class="abouttip">
              <p>您的出生日期用于确定您在法律范围内可以使用的服务</p><span></span>
            </div>
          </i>
        </div>
        <div class="submit-btn">
          <input type="button" value="注册" class="reg-submit">
        </div>
      </div>
    </div>
  </main>
  <footer>
    <div>
      <p>华为帐号与云空间用户协议 | 关于华为帐号与云空间隐私的声明 | 常见问题 |Cookies</p> <br>
      <p>华为帐号 版权所有 © 2011-2020</p>
    </div>
    <div class="banner-box">
      本网站使用 Cookie 功能，为您提供最佳的用户体验。<a href="https://consumer.huawei.com/cn/legal/cookie-policy/" class="rule"
        target="_blank">了解更多</a>
      <span></span>
    </div>
  </footer>
  <div class="reg-pop">
    <div class="reg-pop-main">
      <h2>华为帐号与云空间通知</h2>
      <div class="content">
        <p>“华为帐号”与“云空间”是由华为软件技术有限公司（以下称“我们”或“华为”）为您提供的华为终端云业务的基础服务。请在使用本服务前仔细阅读以下内容：</p>
        <ul>
          <li>
            在华为手机上使用华为帐号登录后，将启用云空间，查找我的手机和会员中心等服务，华为帐号也将作为华为终端类业务的通行凭证为华为应用市场、华为视频、华为音乐等业务及华为其他终端类设备及相关合作伙伴提供的一致的用户体验和认证安全。
          </li>
          <li>“云空间”为您提供实时同步和备份功能，可以安全存储您的照片、联系人、日历、备忘录、浏览器书签等数据，并且在您的各个设备上保持同步，以保护您的个人数据，防止意外丢失。</li>
          <li>
            国家要求的实名认证信息（包括身份证、银行卡信息）可能会提供给国家机关、企业事业单位进行核对以确保安全。我们同时构建了健全的风险控制系统，收集上述信息以保障华为、您或其他华为客户的权利，防止欺诈等违法活动并减少信用风险。
          </li>
          <li>设备会关联您的华为帐号以为您提供更好的服务与支持。</li>
        </ul>
        <p>上述数据将会传输并保存至中华人民共和国境内的服务器。</p>
        <p>如果您不同意我们采集上述信息，我们可能无法为您提供完整的服务，您可以退出或注销华为帐号以终止以上数据或功能的收集与处理。
          点击“同意”，即表示您同意上述内容及华为帐号与云空间用户协议、关于华为帐号与云空间隐私的声明。</p>
        <p><input type="checkbox" name="" id="" checked>随时了解产品、服务、优惠活动的最新信息。信息会以邮件、短信、彩信或通知等形式发送。</p>
      </div>
      <div class="pop-footer">
        <a href="">不同意</a><a href="../index.html">同意</a>
      </div>
    </div>
  </div>
</body>
</html>
<script src="../js/jQuery.js"></script>
<script src="../js/jquery.cookie-1.4.1.min.js"></script>
<script>
  $(function () {
    $(".banner-box span").click(function () {
      $(".banner-box").hide();
    });
  });
  //验证手机号
  $(function () {
    let arr = [0, 0, 0];
    $("#userName").blur(function () {
      let reg = /^1[3456789]\d{9}$/;
      if (!reg.test($("#userName").val())) {
        $(".reg-telenumber").next().show().find("span").text("手机号格式不正确");
        arr[0] = 0;
      } else {
        $(".reg-telenumber").next().hide();
        arr[0] = 1;
      }
    });
    // 验证密码
    $("#userPwd").blur(function () {
      let reg1 = /^[0-9a-zA-Z]{8,}$/;
      let reg2 = /^\d{8,}$/;
      let reg3 = /^[a-zA-Z]{8,}$/;
      if ($("#userPwd").val().length < 8) {
        $("#reg-userPwd").next().show().find("span").text("至少包含8个字符");
        arr[1] = 0;
      } else if (reg2.test($("#userPwd").val()) || reg3.test($("#userPwd").val())) {
        $("#reg-userPwd").next().show().find("span").text("至少含字母和数字，不能包含空格");
        arr[1] = 0;
      } else if (reg1.test($("#userPwd").val())) {
        $("#reg-userPwd").next().hide();
        arr[1] = 1;
      };
    });
    //确认密码
    $("#userPwd2").blur(function () {
      if ($(this).val() != $("#userPwd").val()) {
        $("#reg-userPwd2").next().show();
        arr[2] = 0;
      } else {
        $("#reg-userPwd2").next().hide();
        arr[2] = 1;
      }
    });
    //提交注册
    $(".submit-btn").click(function () {
      for (let i = 0; i < arr.length; i++) {
        if (arr[i] == 0) {
          alert("数据没有填写正确!");
          return false;
        }
      }
      $(".reg-pop").show();
      $(".pop-footer a").eq(0).click(function (e) {
        e.preventDefault();
        $(".reg-pop").hide();
      });
      $(".pop-footer a").eq(1).click(function (e) {
        e.preventDefault();
        $.ajax({
          type: "POST",
          url: "../php/reg.php",
          data: "userName=" + $("#userName").val() + "&userPwd=" + $("#userPwd").val(),
          success: function (resText) {
            if (resText == 1) {
              $(".reg-telenumber").next().show().find("span").text("手机号已经被注册过了,换一个注册吧");
              $(".reg-pop").hide();
            } else {
              $.cookie("userName", $("#userName").val(), { expires: 7,path: '/' });
              $.cookie("userPwd", $("#userPwd").val(), { expires: 7,path: '/' });
              $.cookie("userid",resText, { expires: 7, path: '/' });
              $.cookie("userPwd2", "1", { path: '/' });
              location.href = "../index.html";
            }
          }
        });
      });
    });

  });

</script>
